草庐IT

html - CSS 延迟 :active selector taking effect

全部标签

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - 有没有办法判断元素是否已完成 CSS3 过渡?

我正在寻找事件、回调或其他方式来判断CSS3转换何时完成。这可能吗? 最佳答案 使用transitionend事件。请注意,必须添加特定于vendor的前缀。 关于javascript-有没有办法判断元素是否已完成CSS3过渡?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9995642/

javascript - 是否可以使用 Phone SMS API 从 phonegap HTML/Javascript 应用程序发送 SMS?

我一直在尝试使用Phonegap,并用HTML/Javascript创建了一个小应用程序来发送SMS。我尝试了这段代码window.location.href='sms:XXXXXXXX06?body=Testing',它打开了一个屏幕来手动发送我想自动发送的短信。请注意,我通过将我的项目源代码上传到build.phonegap.com创建了一个Android应用程序,所以我不能修改.apk源。是否可以仅使用Javascript来实现? 最佳答案 参见PhonegapSMSPlugin发送短信。

javascript - 测试用户是否可以在 html 页面上看到元素

有什么方法可以知道某个元素在html页面上是否可见?像这样:考虑到水平/垂直滚动位置、浏览器窗口的宽度/高度以及页面上元素的位置/大小,可能可以做到这一点,但我对jQuery的经验很少,所以我不知道如何去做吧。并且可能有一个可以调用的简单函数,我不知道。 最佳答案 您可以使用.is(':visible')选择器来检查元素当前在DOM中是否可见。编辑:但是,正如@BenM提到的,这不会检查您页面上的元素是否实际上超出了您的可滚动范围-在这种情况下您可以使用的一个很棒的小插件是ViewportSelectorsforjQuery.

javascript - HTML5 Canvas 中的一百个上下文与一个上下文?

我正在创建一个使用CanvasAPI的简单物理引擎。性能方面的最佳实践是什么?是为Canvas中的每个对象(例如每个球、盒子等)创建一个单独的上下文,还是只使用一个上下文?后者涉及为每个要重绘的对象定义上下文中的路径,以及设置颜色等。当对象数量接近一百时使用多个上下文是个坏主意吗?我之所以问,是因为我不想在一百个工作小时后得到惊喜,因为我采用了错误的方法。 最佳答案 多Canvas的性能提升来自了解您使用多Canvas的原因。除非有用,否则不要使用多个Canvas:Canvas是适度昂贵的元素。在移动设备上,Canvas仍然很慢——

javascript - webpack build less files 输出一个 css minify 文件

webpack是我需要将几个较少的文件传递到一个缩小的CSS文件中的工具吗?如果是这样,我不确定我在下面的代码中做错了什么?有没有办法输出到不同的文件路径,现在我的js文件输出到'./assets/javascripts/bundle/',我希望我的css文件输出到'。/assets/stylesheets/bundle/',我该怎么做?更新我做了一个测试,我可以将我的less文件构建到一个css文件,但仍然无法找到如何为输出文件夹设置多个路径,现在我必须注释掉js入口部分并更改输出路径...网络包配置varpath=require('path');varwebpack=require

javascript - 如何跨站点处理 javascript 和 css 文件?

最近我对如何在Web应用程序中处理共享的javascript和css文件有了一些想法。在我正在处理的当前Web应用程序中,我得到了大量不同的javascript和css文件,这些文件位于服务器上的一个文件夹中。一些文件被重复使用,而另一些则没有。在生产站点中,加载大量HTTP请求和加载数千字节的不必要的javascript和冗余css是非常愚蠢的。解决方案当然是为每个页面创建一个仅包含必要信息的大捆绑文件,然后将其最小化并压缩(GZIP)发送给客户端。创建一堆javascript文件并手动最小化它们并不需要担心,如果您打算这样做的话,但是由于应用程序不断维护并且事情确实在变化和发展,因

javascript - Javascript 中的 HTML DOM 绘图事务?

有没有办法在一个事务中封装多个DOM操作命令,这样内容就不会“忽悠”?像这样:window.stopDrawing();//starttransaction$("#news").append("anewnewsitem");//...dosomethingmore$("#news").css("top","-150px");window.startDrawing();//stoptransaction 最佳答案 每次您必须更新大量元素时,只需设置一个包含所有操作的函数,调用mozRequestAnimationFrame(或webk

javascript - CSS 下拉菜单 : Add delay on mouse out

我在下面使用CSS和HTML制作了下拉菜单:MainMenu.menu{float:left;background:#CCC;margin:0px;padding:0px;}.menuli{position:relative;float:left;width:180px;padding:5px0px;list-style:none;}.menuli:hover{background:#999;}.menuul{display:none;position:absolute;background:#CCC;padding:0;margin:5px000;}.menuulliul{left:

javascript - 获取由 css column-width 创建的列数

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetcss3multi-columncountinJavascript我有一个很长的动态文本,它将使用CSS分成几列div{-moz-column-width:500px;-moz-column-gap:20px;}是否可以获取创建了多少列?我在客户端使用jQuery。